<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
<title>jquery表单选择器</title>
<script src="js/jquery-3.6.0.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
    var $inputs = $("#form1 input");
var $alltext = $("#form1 :text");
var $allpassword= $("#form1 :password");
var $allradio= $("#form1 :radio");
var $allfile= $("#form1 :file");
var $allcheckbox= $("#form1 :checkbox");
var $allsubmit= $("#form1 :submit");
var $allbutton= $("#form1 :button"); // <input type=button />  和 <button ></button>都可以匹配
$("div")
.append(" <input>标签的数量为：" + $AllInputs.length + " 个<br/>")
.append(" 单行文本框数量为：" + $alltext.length + "个<br/>")
.append(" 密码框数量为：" + $allpassword.length + "个<br/>")
.append(" 单选按钮数量为：" + $allradio.length + "个<br/>")
.append(" 上传文件域的数量为：" + $allfile.length + "个<br/>")
.append(" 复选框数量为：" + $allcheckbox.length + "个<br/>")
.append(" 提交按钮数量为：" + $allsubmit.length + "个<br/>")
.append(" 普通按钮的数量为：" + $allbutton.length + "个<br/>")
$("form").submit(function () { return false; }); // return false;不能提交.
});
</script>
</head>
<body>
<form id="form1" action="#">
账&nbsp;&nbsp;&nbsp;号：<input type="text" size="15"/><br/>
用户名：<input type="text" size="15"/><br/>
密&nbsp;&nbsp;&nbsp;码：<input type="password" size="15"/><br/>
爱好：<input type="radio" name="a"/>音乐<input type="radio" name="a"/>舞蹈<input type="radio" name="a"/>足球<input type="radio" name="a"/>游戏<br/>
资料上传：<input type="file" /><br/>
热销产品：<input type="checkbox" checked name="c"/>美白滋养霜<input type="checkbox" name="c"/>美白润体乳<input type="checkbox" checked name="c"/>美白面膜<input type="checkbox" name="c"/>美白柔肤水<br/>
<input type="submit" value="提交"/><input type="reset" value="重置"/><br/><br/>
</form>
<div></div>
<div style="display:none;">
<script type="text/javascript" src="/veryhuo.com/js/stat.js"></script>
</div>
</body>
</html>
